<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> Tasks </title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="Author" content="Walter">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <!-- <script type="text/javascript" src="./script/jquery/jquery-1.8.2.js"></script> -->  <link rel='stylesheet' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/cupertino/jquery-ui.css'>
  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js'></script>
  <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.js'></script>
<script type="text/javascript">
;(function(){

	$(function(){
	    $.get("http://localhost/wdrive/codes/xml/leftmenu.xml",processResult); 
	});

	function processResult(data){
	    $(data).find("items").each(showLeftMenu);
	}
	
	function showLeftMenu(){

	    var parent = $("<ul></ul>");
	    $(this).find("item").each(function(){
	      var strId = $(this).attr("id");
	      var strContent = $(this).text();
	      var child = $("<li>" + strContent + "</li>");
	      child.attr("id",strId);
	      parent.append(child);
	    });
	    $("#leftMenuDiv").append(parent);
	}
    $(document).ready(function() {
        console.log("test");
    
    });

})();
</script>
 <style type="text/css">
    h2,h3 {text-align:center}

 </style>
 </head>

 <body>
<h2>List every things you concern</h2>
<div id="leftMenuDiv"></div>
</body>
</html>
